<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fdc">
    <main class="flex">
        <div class="title">
            <h6>目前累计骑行距离</h6>
            <p><span id="kil"></span>公里</p>
        </div>
        <div class="content ">

            <div id="btn">GO</div>
            <ul class="b-content df jcsa aic">
                <li><span class="iconfont icon-shezhi"></span></li>
                <li>设置目标<span class="iconfont icon-youjiantou"></span></li>
                <li><span class="iconfont icon-yinle"></span></li>
            </ul>
        </div>
        <div class="bottom">
            <h6>骑行路线</h6>
            <p>使用骑行路线, 邂逅附近的同行者<span class="iconfont icon-youjiantou"></span></p>
        </div>
    </main>


    <!-- weui -->
    <!-- <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script> -->
</body>

</html>